.dv-decoration-1 {
  width: 100%;
  height: 100%;
}
.dv-decoration-1 svg {
  transform-origin: left top;
}

.dv-decoration-2 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}


.dv-decoration-3 {
  width: 100%;
  height: 100%;
}
.dv-decoration-3 svg {
  transform-origin: left top;
}


.dv-decoration-4 {
  position: relative;
  width: 100%;
  height: 100%;
}
.dv-decoration-4 .container {
  display: flex;
  overflow: hidden;
  position: absolute;
  flex: 1;
}
.dv-decoration-4 .normal {
  animation: ani-height ease-in-out infinite;
  left: 50%;
  margin-left: -2px;
}
.dv-decoration-4 .reverse {
  animation: ani-width ease-in-out infinite;
  top: 50%;
  margin-top: -2px;
}
@keyframes ani-height {
  0% {
    height: 0%;
  }
  70% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@keyframes ani-width {
  0% {
    width: 0%;
  }
  70% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}

.dv-decoration-5 {
  width: 100%;
  height: 100%;
}

.dv-decoration-6 {
  width: 100%;
  height: 100%;
}
.dv-decoration-6 svg {
  transform-origin: left top;
}

.dv-decoration-7 {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}


.dv-decoration-8 {
  display: flex;
  width: 100%;
  height: 100%;
}


.dv-decoration-9 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dv-decoration-9 svg {
  position: absolute;
  left: 0px;
  top: 0px;
  transform-origin: left top;
}

.dv-decoration-10 {
  width: 100%;
  height: 100%;
  display: flex;
}


.dv-decoration-11 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.dv-decoration-11 .decoration-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
